@charset "UTF-8";
$fs:64px;
html {
    font-size: $fs;
}

//将px单位换算成rem单位
@function r($px) {
    @return $px/$fs*1rem
}

//flex布局
.flex {
    display: flex;
}

//头部样式
header{
    width: 100%;
    height: r(88px);
    border-bottom: r(1px) solid #c1c1c1;
    justify-content: space-around;
    align-items: center;
    //返回首页按钮
    a:first-of-type{
        justify-content: center;
        align-items: center;
        .con-fanhui{
            font-size: r(37px);
        }
    }  
    //标题菜单
    .topMenu{
        width: r(400px);
        height: r(60px);
        font-size: r(27px);
        text-align: center;
        line-height: r(60px);
        border: r(2px) solid #d62d31;
        border-radius: r(3px);
        a{
            display: inline-block;
            width: 50%;
            height: 100%;
            color: #D62D31;
        }
        a:first-of-type{
            background: #D62D31;
            color: white;
        }
    }
    //搜索按钮
    .icon-cx{
        font-size: r(25px);
    }
}
//end

//菜单部分
.menu{
    height: r(81px);
    border-bottom: r(1px) solid #c1c1c1;
    font-size: r(25px);
    justify-content: space-around;
    align-content: center;
    a{
        height: 100%;
        display: inline-block;
        line-height: r(81px);
        color: #666666;
    }
    a:first-of-type{
        color: #d62d31;
        border-bottom: r(4px) solid #d62d31;
    }
}
